<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Manage Products</title>
<%@ include file="commonref.jsp"%>
</head>
<body>
	<%@ include file="common-links.jsp"%>
	<div id="page-root">
		<form id="product-form" method="post" action="/admin/product/save">
			<fieldset style="width: 500px;">
				<legend>Add new product</legend>
				<div>
					<div>
						<label>Name:</label><input name="name" id="name" type="text"
							maxlength=50 class="required" />
					</div>
					<div>
						<label>Short description:</label><input name="desc" id="desc"
							type="text" maxlength=50 class="required" />
					</div>
					<div>
						<label>Long description:</label>
						<textarea name="long-desc" id="long-desc" rows="10" cols="60"></textarea>
					</div>
					<div>
						<label>Price:</label><input name="price" id="price" type="text"
							maxlength=10 class="required number" />
					</div>
					<!-- <div>
					<label>Selling Price:</label><input name="sell-price" type="text"
						maxlength=10 class="required number" />
				</div> -->
					<div>
						<label>Brand:</label><select name="brand-list" id="brand-list"></select>
					</div>
					<div>
						<label style="float: none">Categories:</label>
						<div id="category-list" class="checkbox-list"></div>
					</div>
					<div>
						<label style="float: none">Variations:</label>
						<div class="checkbox-list" id="variation-list"></div>
					</div>
					<div>
						<label>Units in stock (SKU):</label><input name="sku" id="sku"
							type="text" maxlength=5 class="required number" />
					</div>
					<div>
						<button id="reset-button" value="reset" type="reset">Reset</button>
						<button id="save-button" value="submit" type="button">Submit</button>
					</div>
				</div>
			</fieldset>
		</form>
		<table id="table-template" border=0 cellpadding="6" cellspacing="0"
			class="template">
			<tr>
				<th>Id</th>
				<th>Name</th>
				<th>Short Description</th>
				<th>Cost Price</th>
				<th>Action</th>
			</tr>
			<tr class="store-row hide">
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>				
				<td><a href="#" title="edit">Edit</a> <a href="#"
					title="deactivate">Deactivate</a></td>
			</tr>
		</table>
	</div>
	<div style="display: none" id="list-template">
		<input type="checkbox" /><label></label>
	</div>
	<script type="text/javascript" src="/content/scripts/admin/product.js">
		
	</script>
</body>
</html>